<template>
  <div id="root">
    <!-- 用户名: -->
    <input v-model="username" type="text" /><br />
    自我介绍:<textarea
      v-model="intro"
      name=""
      id=""
      cols="30"
      rows="10"
    ></textarea
    ><br />
    来自于:<select v-model="form">
      <option value="wh">武汉</option>
      <option value="bj">北京</option>
      <option value="sz">深圳</option>
      <option value="sh">上海</option>
      <option value="cd">成都</option></select
    ><br />
    <input v-model="hobby" value="smoking" type="checkbox" />抽烟
    <input v-model="hobby" value="drinking" type="checkbox" />喝酒
    <input v-model="hobby" value="hotHead" type="checkbox" />烫头<br />
    全选
    <input v-model="isAll" type="checkbox" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      username: "Hello",
      intro: "",
      form: "",
      hobby: [],
      isAll: true,
    };
  },
};
</script>

<style>
</style>